<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
<title>Weigh too Much Info</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%= csrf_meta_tag %>
<%= stylesheet_link_tag 'new.css' %>    
<%= yield(:head) %>
    <%= javascript_include_tag "http://www.google.com/jsapi" %>
    <%= javascript_include_tag 'jquery-1.5.1.min.js' %>
    <%= javascript_include_tag 'jquery-ui-1.8.11.custom.min.js' %>
    <%= javascript_include_tag 'application.js'  %>
    <%= javascript_include_tag 'jquery.simpletip-1.3.1.js'  %>
    <%= javascript_include_tag 'jquery.tabSlideOut.v1.3'  %>
    <%= javascript_include_tag 'highcharts' %> <!--[if IE]> <%= javascript_include_tag 'excanvas.compiled' %> <![endif]-->
    <%= javascript_include_tag "jquery-1.4.2.min", "rails", "highcharts" %>
    <%= javascript_include_tag 'tooltipscript.js' %>
    <%= javascript_include_tag "jquery.tipsy.js" %>




    
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script>
    $(document).ready(function() {
      $("#tabs").tabs();
    });
    </script>
    

    <script type="text/javascript">
      $(function(){
        $('.slide-out-div').tabSlideOut({
          tabHandle: '.handle',                     //class of the element that will become your tab
          pathToTabImage: 'http://localhost:3000/images/Tab.png', //path to the image for the tab //Optionally can be set using css
          imageHeight: '122px',                     //height of tab image           //Optionally can be set using css
          imageWidth: '60px',                       //width of tab image            //Optionally can be set using css
          tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left
          speed: 300,                               //speed of animation
          action: 'click',                          //options: 'click' or 'hover', action to trigger animation
          topPos: '5px',                          //position from the top/ use if tabLocation is left or right
          leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
          fixedPosition: true                    //options: true makes it stick(fixed position) on scroll
        });

      });

    </script>

    <script type="text/javascript">

      function toggleVisibility(newSection) {
        $(".section").not("#" + newSection).hide();
        $("#" + newSection).show();
      }
    </script>
    
          <script type="text/javascript">
        function showhide1(sh){
        if(sh) {
        disp="inline";
        zi=1;
        }else{
        disp="none";
        zi=-10;
        }

        for (i=0; i<document.getElementsByTagName("*").length; i++) {
        if (document.getElementsByTagName("*").item(i).className == "divclass1")
        {
        document.getElementsByTagName("*").item(i).style.display=disp;
        document.getElementsByTagName("*").item(i).style.zIndex=zi;
        }
        }
        }
    </script>
    <script type="text/javascript">
      function showhide2(sh){

      if(sh) {
      disp="inline";
      zi=1;
      }else{
      disp="none";
      zi=-10;
      }

      for (i=0; i<document.getElementsByTagName("*").length; i++) {
      if (document.getElementsByTagName("*").item(i).className == "divclass2")
      {
      document.getElementsByTagName("*").item(i).style.display=disp;
      document.getElementsByTagName("*").item(i).style.zIndex=zi;
      }
      }
      
      }
      </script>
    

    <!-- Tipsy JavaScript -->
    <script type='text/javascript'>
	$(function() {
    $('#north').tipsy({gravity: 'n', fade: true});
    $('#south').tipsy({gravity: 's', fade: true});
    $('#east').tipsy({gravity: 'e', fade: true});
    $('#west').tipsy({gravity: 'w', fade: true});
    $('#north-west').tipsy({gravity: 'nw', fade: true});
    $('#north-east').tipsy({gravity: 'ne', fade: true});
    $('#south-west').tipsy({gravity: 'sw', fade: true});
    $('#south-east').tipsy({gravity: 'se', fade: true});
    $('#foo').tipsy({gravity: $.fn.tipsy.autoNS, fade: true});
    $('a[rel=tipsy]').tipsy({fade: true, gravity: 's'});

	});
    </script>
    <!-- Tipsy JavaScript -->
    
    
</head>
<body bgcolor="#FFFFFF" style="margin-top: 0; margin-bottom: 0; margin-left: 0; background-image: url('http://localhost:3000/images/bg1.jpg')">

<table id="Table_01" width="1196" border="0" cellpadding="0" cellspacing="0" align="center">
  
	<tr>
		<td style="height: 98px">
			<img id="Header_Left" src="http://localhost:3000/images/Header_Left.jpg" width="25" height="98" alt="" /></td>
		<td style="height: 98px">
			<img id="Header_Center" src="http://localhost:3000/images/Header_Center.jpg" width="1145" height="98" alt="" /></td>
		<td style="height: 98px">
			<img id="Header_Right" src="http://localhost:3000/images/Header_Right.jpg" width="25" height="98" alt="" /></td>
		<td>
			<img src="http://localhost:3000/images/spacer.gif" width="1" height="98" alt="" /></td>
	</tr>
	<tr>
		<td class="background4">
			<img id="Body_Left" src="http://localhost:3000/images/Body_Left.jpg" width="25" height="616" alt="" /></td>
		<td class="background1" valign="top">
			<%= yield %>
			</td>
		<td class="background4">
			<img id="Body_Right" src="http://localhost:3000/images/Body_Right.jpg" width="25" height="616" alt="" /></td>
		<td>
			<img src="http://localhost:3000/images/spacer.gif" width="1" height="616" alt="" /></td>
	</tr>
	
	<tr>
		<td rowspan="2">
			<img id="Greenbar_Center" src="http://localhost:3000/images/Greenbar_Center.jpg" width="25" height="10" alt="" /></td>
		<td rowspan="2">
			<img id="Greenbar_Center012" src="http://localhost:3000/images/Greenbar_Center-12.jpg" width="1145" height="10" alt="" /></td>
		<td>
			<img id="Greenbar_Right" src="http://localhost:3000/images/Greenbar_Right.jpg" width="25" height="9" alt="" /></td>
		<td>
			<img src="http://localhost:3000/images/spacer.gif" width="1" height="9" alt="" /></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img id="Footer_Right" src="http://localhost:3000/images/Footer_Right.jpg" width="25" height="70" alt="" /></td>
		<td>
			<img src="http://localhost:3000/images/spacer.gif" width="1" height="1" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img id="Footer_Left" src="http://localhost:3000/images/Footer_Left.jpg" width="25" height="69" alt="" /></td>
		<td class="background3">
			<%= link_to 'Weigh too Much Info', main_path %> | <%= link_to 'About us', about_path %> | <%= link_to 'Contact us', contact_path %><br />
		Copyright © 2011. Weigh Too Much Info - Carnegie Mellon University. All rights reserved.<br> 
<a href="http://www.cmu.edu"><%= image_tag "CMU_Logo.jpg", :size => "151x26" %></a><br>
  <!-- hitwebcounter Code START -->
<a href="http://www.hitwebcounter.com/" target="_blank">
<img src="http://hitwebcounter.com/counter/counter.php?page=346596&style=0007&nbdigits=6&type=ip&initCount=0" title="Track Stats" Alt="Track Stats"   border="0" >
</a>
<br>
<!-- hitwebcounter.com --><a href="http://www.hitwebcounter.com/internetcountercontact.php" title="Free Counter" 
target="_blank" style="font-family: Arial, Geneva , Helvetica, sans-serif; 
font-size: 12px; color: #848387; text-decoration: underline ;">
</a>
                </td>
		<td>
			<img src="http://localhost:3000/images/spacer.gif" width="1" height="69" alt="" /></td>
	</tr>
</table>
</body>
</html>